<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title th:text="${pageTitle}"></title>
    <div data-th-replace="layout/head-top"></div>
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInLeft">
        <div data-th-replace="common/functionDepict"></div>
        <div class="row">
            <div class="col-sm-12">
                <div class="pt10">
                    <p class="fs14"><em class="welcom-icon"></em><span class="ml5">欢迎回来，今天是【<font id="show-time">0000-00-00 00:00:00 星期一 上午</font>】,营销基础数据如下</p>
                </div>
                <div class="pt10">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>基本数据统计<small class="m-l-sm">（展示基本的数据统计）</small></h5>
                            <div class="ibox-tools">
                                <a class="collapse-link">
                                    <i class="fa fa-chevron-up"></i>
                                </a>
                            </div>
                        </div>
                        <div class="ibox-content">
                            <div class="row">
                                <div class="iv-data-item">
                                    <a href="">
                                        <div class="iv-data-item-bx iv-data-item-bx-2">
                                            <aside class="iv-data-icon"><em>&nbsp;</em></aside>
                                            <div class="text-right">
                                                <h3><span class="c-fff">付费用户总数</span></h3>
                                                <div class="c-fff"><span class="fs24" id="buyUserNum">0</span><small class="fs12 ml5">人</small></div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="iv-data-item">
                                    <a href="">
                                        <div class="iv-data-item-bx iv-data-item-bx-3">
                                            <aside class="iv-data-icon"><em>&nbsp;</em></aside>
                                            <div class="text-right">
                                                <h3><span class="c-fff">订单总数</span></h3>
                                                <div class="c-fff"><span class="fs24" id="orderCountNum">0</span><small class="fs12 ml5">个</small></div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="iv-data-item">
                                    <a href="">
                                        <div class="iv-data-item-bx iv-data-item-bx-2">
                                            <aside class="iv-data-icon"><em>&nbsp;</em></aside>
                                            <div class="text-right">
                                                <h3><span class="c-fff">流水总额</span></h3>
                                                <div class="c-fff"><span class="fs24" id="sumOrderPrice">0</span><small class="fs12 ml5"></small></div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>下单与支付曲线</h5>
                        <div class="pt10 text-right">
                            <form id="order-form" role="form" class="form-inline">
                                <div class="form-group" style="margin-bottom: 10px">
                                    <input placeholder="开始时间" id="order_begTime" name="begTime" class="laydate-icon form-control layer-date" type="text">
                                    ——
                                    <input placeholder="结束时间" id="order_endTime" name="endTime" class="laydate-icon form-control layer-date" type="text">
                                </div>
                                <button class="btn btn-w-m btn-primary order"   type="button" style="margin-bottom: 10px">查询</button>
                            </form>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <div class="echarts" style="height: 340px;" id="order-echarts-line-chart"></div>
                    </div>
                </div>
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>不同专业项目销转对比数据</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="echarts" style="height: 340px;" id="subject-order-echarts-line-chart"></div>
                    </div>
                </div>
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>订单额度与支付成功曲线</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="echarts" style="height: 340px;" id="order-price-echarts-line-chart"></div>
                    </div>
                </div>

                <div class="ibox">
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="float-e-margins">
                                <div class="ibox-title">
                                    <h5>支付方式占比</h5>
                                </div>
                                <div class="ibox-content">
                                    <div class="echarts" style="height:580px" id="echarts-pay-chart"></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="float-e-margins">
                                <div class="ibox-title">
                                    <h5>支付渠道对比</h5>
                                </div>
                                <div class="ibox-content">
                                    <div class="echarts" style="height: 580px" id="pay-from-echarts-pie-chart"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div data-th-replace="layout/head-footer"></div>
    <script th:src="@{{path}/admin/libs/plugins/echarts/echarts.min.3.0.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:src="@{{path}/admin/libs/plugins/echarts/china.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:src="@{{path}/admin/business/count/time.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/admin/libs/plugins/layer/laydate/laydate.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:src="@{{path}/admin/business/count/sales-statistics.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>
